<style>
    body{
        font-size: 12px;
    }
    .bag{
        color: #fff;
        width: 4px;
        text-align: center;
    }
    .bag-1{
        background-color: #e74c3c;
    }
    .bag-2{
        background-color: #3498db;
    }
    .bag-3{
        background-color: #f39c12;
    }
    .bag-4{
        background-color: #18bc9c;
    }
    .bag-5{
        background-color: #605ca8;
    }
    .bag-6{
        background-color: #e74c3c;
    }
    .bag-7{
        background-color: #3498db;
    }
    .bag-8{
        background-color: #f39c12;
    }
    .bag-9{
        background-color: #18bc9c;
    }
    .bag-0{
        background-color: #605ca8;
    }
    .color-gray{
        color: #999999;
    }
    .margin-left{
        margin-left: 20px;
    }
    .padding{
        padding: 5px;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-body">

        <div class="alert alert-default-light">

            <fieldset>
                <legend>
                    <h4>订单信息</h4>

                </legend>
                <table  class="table table-striped table-bordered table-hover table-nowrap">
                    <tbody>
                    <tr style="background-color: #fff ">
                        <!--<td rowspan="3" class="bag bag-1" style="text-align: center; vertical-align: middle;">
                            <div>包</div>
                            <div>裹</div>
                            <div class="text-center">1</div>
                        </td>-->
                        <td style=" vertical-align: middle;">
                            来源单号:<span class="color-gray">{$row.from_express_no}</span>
                            <span class="margin-left">
                        </span>
                            <span style="display: none" class="margin-left">
                            物流状态:
                            <span class="label bag-{$row.state}">{$row.state_text}</span>

                        </span>
                            <span class="margin-left">
                            订单状态:
                            <span class="label bag-{$row.state}">{$row.status_text}</span>

                        </span>
                            {if $row.express_no}
                            <span class="margin-left">
                            <button class="btn btn-xs btn-warning btn-invoice" data-id="{$row.id}">打印出库单</button>
                        </span>

                            <span class="margin-left">
                            <button class="btn btn-xs btn-primary btn-track" data-id="{$row.id}">查看物流轨迹</button>
                        </span>
                            {/if}

                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 0">
                            <table class="table table-striped table-bordered table-hover table-nowrap" style="margin-bottom: 0px">
                                <thead>
                                <tr style="background-color: #F2F2F2">
                                    <th style="text-align: center; vertical-align: middle;">
                                        <div class="th-inner">编号</div>
                                    </th>
                                    <th style="text-align: center; vertical-align: middle;">
                                        <div class="th-inner">商品</div>
                                    </th>
                                    <th style="text-align: center; vertical-align: middle;">
                                        <div class="th-inner">分类</div>
                                    </th>



                                    <th style="text-align: center; vertical-align: middle;">
                                        <div class="th-inner">数量</div>
                                    </th>
                                    <th style="text-align: center; vertical-align: middle;">
                                        <div class="th-inner">价格</div>
                                    </th>

                                </tr>
                                </thead>
                                <tbody>
                                {if $row.goods}
                                {volist name="row.goods" id="goods"}
                                <tr>
                                    <td style="text-align: center; vertical-align: middle;">{$key+1}</td>
                                    <td style="text-align: center; vertical-align: middle;">
                                        <strong>{$goods.name}</strong>
                                    </td>
                                    <td style="text-align: center; vertical-align: middle;">{$goods.category.name??''}</td>
                                    <td style="text-align: center; vertical-align: middle;">{$goods.number}</td>
                                    <td style="text-align: center; vertical-align: middle;">{$goods.price}</td>
                                </tr>
                                {/volist}
                                {else/}
                                <tr>
                                    <td colspan="7"  style="text-align: center; vertical-align: middle;"> 暂无添加订单商品</td>

                                </tr>

                                {/if}

                                </tbody>
                            </table>
                        </td>
                    </tr>

                    </tbody>
                </table>

                <div style="display: none" class="col-sm-6 padding">
                    是否拆箱:{$row.is_open_text}
                </div>
                <div class="col-sm-6 padding">
                    订单备注:{$row.remark}
                </div>
            </fieldset>

            <div class="alert alert-success-light" style="min-height: 40px">
                {if $row.service}
                {volist name="row.service" id="service"}
                <div class="col-sm-6">
                    <i class="fa fa-check fa-fw"></i>{$service.name}   {$service.price}/单
                </div>
                {/volist}
                {else/}
                无增值服务
                {/if}
            </div>
        </div>
    </div>
</div>

